{% extends "base.html" %}
{% block main %}
    <!--主体内容开始-->
    <div class="main">
        <div class="bd_1 pd10">
            {% include "include/districts_block.html" %}
            <p class="area"><span>地标:</span><a href="##" class="color_f60">民生金融中心</a>
                <a href="##" class="color_5d">鼎好</a>
                <a href="##" class="color_5d">国贸写字楼</a>
                <a href="##" class="color_5d">SOHO</a>
                <a href="##" class="color_5d">环球贸易中心</a>
                <a href="##" class="color_5d">德胜中心</a>
                <a href="##" class="color_5d">上地嘉华</a>
                <a href="##" class="color_5d">更多>></a>
            </p>
        </div>
        <div class="banner"><img src="/static/images/u28.png"/></div>
        <div class="box680 fl mt10">
            {% if jobList %}
                <div class="ListTop list_top">
                    <div class="grid12">
                        <div class="fl"><span class="font16px">共 {{ count  }} 个职位</span></div>
                        <div class="fr pr10">
                            <div class="pager">
                                {% if jobList.number != 1 %}
                                    <span class="item"><a href="?page=1">第一页</a></span>
                                {% endif %}
                                {% if jobList.has_previous %}
                                    <span class="item"><a href="?page={{ jobList.previous_page_number }}">上一页</a></span>
                                {% endif %}
                                {% for p in jobList.paginator.page_range %}
                                    {% if p == jobList.number %}
                                        <span class="current">{{ p }}</span>
                                    {% else %}
                                        <span class="item"><a href="?page={{p}}">{{p}}</a></span>
                                    {% endif %}
                                {% endfor %}
                                {% if jobList.has_next %}
                                    <span class="item"><a href="?page={{ jobList.next_page_number }}">下一页</a></span>
                                {% endif %}
                                共 <font color="blue">{{ jobList.paginator.num_pages }}</font> 页
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="list">
                    {% for job in jobList %}
                    <div class="loop">
                        <div class="pt10">
                            <a class="font14px" href="{{ job.get_absolute_url }}">{{ job.title }}</a> - <a href="{{ job.company.get_absolute_url }}">{{ job.company }}</a></div>
                        <div class="pt10 pb10">
                            <span class="address">{{request.session.city_cn}} - {{job.company.office.district }} - <a href="{{job.company.office.get_absolute_url}}">{{job.company.office}}</a></span>
                            <span class="yuexin">月薪:{{ job.salary }}</span>
                            <span class="time">发布日期:{{ job.create_date|date:"SHORT_DATE_FORMAT" }}</span>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                <div class="pager mt20">
                    {% if jobList.number != 1 %}
                        <span class="item"><a href="?page=1">第一页</a></span>
                    {% endif %}
                    {% if jobList.has_previous %}
                        <span class="item"><a href="?page={{ jobList.previous_page_number }}">上一页</a></span>
                    {% endif %}
                    {% for p in jobList.paginator.page_range %}
                        {% if p == jobList.number %}
                            <span class="current">{{ p }}</span>
                        {% else %}
                            <span class="item"><a href="?page={{p}}">{{ p }}</a></span>
                        {% endif %}
                    {% endfor %}
                    {% if jobList.has_next %}
                        <span class="item"><a href="?page={{ jobList.next_page_number }}">下一页</a></span>
                    {% endif %}
                    共 <font color="blue">{{ jobList.paginator.num_pages }}</font> 页
                </div>
            {% endif %}
        </div>
        <div class="box312 fr">
            <div class="mt10 bd_1">
                <div class="tit1">热门职位</div>
                <div class="pd10">
                    <ul class="ulAll">
                        <li><a class="dot" href="##">【朝阳】iOS应用开发工程师 </a></li>
                        <li><a class="dot" href="##">【海淀】java系统工程师 </a></li>
                        <li><a class="dot" href="##">【宣传】网页前端设计师 </a></li>
                        <li><a class="dot" href="##">【朝阳】iOS应用开发工程师 </a></li>
                        <li><a class="dot" href="##">【海淀】java系统工程师 </a></li>
                        <li><a class="dot" href="##">【宣传】网页前端设计师 </a></li>
                        <li><a class="dot" href="##">【朝阳】iOS应用开发工程师 </a></li>
                        <li><a class="dot" href="##">【海淀】java系统工程师 </a></li>
                        <li><a class="dot" href="##">【宣传】网页前端设计师 </a></li>
                    </ul>
                </div>
                <div class="more pl10 "><a href="##">更多>></a></div>
            </div>
            <div id="fadImgs" class="flash_img mt10">
                <ul style="" class="img-box">
                    <li><a target="_blank" href="javascript:;"><img width="310" height="80" src="/static/images/8.jpg"
                                                                    title="" alt=""></a></li>
                    <li><a target="_blank" href="javascript:;"><img width="310" height="80" src="/static/images/9.jpg"
                                                                    title="" alt=""></a></li>
                    <li><a target="_blank" href="javascript:;"><img width="310" height="80" src="/static/images/10.jpg"
                                                                    title="" alt=""></a></li>
                    <li><a target="_blank" href="javascript:;"><img width="310" height="80" src="/static/images/11.jpg"
                                                                    title="" alt=""></a></li>
                </ul>
                <!--<ul class="flash_item"><li class="">1</li><li class="">2</li><li class="on">3</li></ul>-->
            </div>

        </div>
        <div class="clear"></div>
    </div>
    <!--主体内容结束-->
{% endblock %}






